<!--=== Header ===-->    
    <div class="header header-sticky">
        <div class="container">
            <a class="logo" href="{:U('Index/index')}">
                <img src="__ROOT__{$_websetting.logopath}" alt="Logo">
            </a>
            <div class="topbar">
                <ul class="loginbar pull-right">
                    <li class="hoverSelector">
                        <i class="fa fa-globe"></i>
                        <a>样例</a>
                        <ul class="languages hoverSelectorBlock">
                            <li><a href="{:U('Test/index')}" target="_blank">单页面</a></li>
                            <li><a href="{:U('Test/leftsider')}" target="_blank">左侧页面</a></li>
                        </ul>
                    </li>
                    <li class="topbar-devider"></li>   
                    <li><a href="{:U('Index/faq')}">帮助</a></li>
                    <li class="topbar-devider"></li>   
		            <if condition="is_login()">
			            <li class="hoverSelector">
	                        <i class="fa fa-globe"></i>
	                        <a>{:get_username()}</a>
	                        <ul class="languages hoverSelectorBlock">
                                <li><a href="{:U('User/profile')}">修改密码</a></li>
                                <li><a href="{:U('User/logout')}">退出</a></li>
	                        </ul>
	                    </li>
	                <else/>
	                	<li><a href="{:U('User/register')}">注册</a></li> 
	                	<li class="topbar-devider"></li>   
                    	<li><a href="{:U('User/login')}">登录</a></li>
	                </if>
                </ul>
            </div>
            <!-- End Topbar -->
            <!-- Toggle get grouped for better mobile display -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="fa fa-bars"></span>
            </button>
            <!-- End Toggle -->
        </div><!--/end container-->
        <div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
            <div class="container">
                <ul class="nav navbar-nav">
                    <block name="topmenus"></block>
                    <!-- 搜索块区 -->
                    <li>
                        <i class="search fa fa-search search-btn"></i>
                        <div class="search-open">
                            <div class="input-group animated fadeInDown">
                                 <input type="text" class="form-control" placeholder="点此输入搜索内容...">
                                <span class="input-group-btn">
                                    <button class="btn-u" type="button">搜索</button>
                                </span>
                            </div>
                        </div>    
                    </li>
                </ul>
            </div> 
        </div> 
    </div>